<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>文本样式</title>
</head>
<style>
    .p1 {
        /**
        text-transform：文字样式
            none：默认值，无任何样式
            capitalize:每一个单词的首字母大写
            uppercase：全部单词都大写
            lowercase：全部单词都小写
     */
        text-transform: lowercase;
    }

    .p2 {
        /**
        text-decoration：文字划线设置
            none:取消划线
            underline：下划线
            overline：上划线
            line-through：中间划线
        **/
        text-decoration: blink;
    }

    /**
        letter-spacing：修改字母之间的距离，中文也适用
    */
    .p3 {
        letter-spacing: 20px;
    }

    /**
    word-spacing:修改单词之间的距离
    */
    .p4 {
        word-spacing: 20px;
    }
    /**
    text-indent：首行缩进的长度，一般不直接用px 作为单位，
                因为如果文字大小不是16px,则首行缩进就不是 32px,可直接用 em 作为单位，em = 1 font-size 
    */
    .p5{
        text-indent: 2em;
    }
    /**
    text-align：文字对齐方式
            left：默认值，左对齐
            right:右对齐
            center：居中对齐
            justify：两端对齐，(实际上是 修改文字之间 空格的大小)
    */
    .p6{
        text-align: none;
    }
</style>

<body>
    <p class="p1">
        这是一个p1 标签
        dasda ASDasd
        asdasdasADASDA
    </p>
    <p class="p2">
        这是一个p2 标签 dasd ASDaads 阿斯顿ASD
    </p>
    <p class="p3">
        这是一个p3 标签
        This is a p3 Content;
    </p>
    <p class="p4">
        这是一个p4 标签
        This is a p4 Content;
    </p>
    <p class="p5">
        dasjklasd dasdasjdklasd asdasdasd asd asdas 
    </p>

</body>

</html>